<header class="container-fluid main-color" id="embed_page_header">
    <div class="row">
        <div class="col-2 col-sm-1 col-md-1 text-center"><a [routerLink]="['/home']" role="button" class="btn" title="主页"><i class="ico-sm mdi mdi-home"></i></a></div>
        <div class="col-8 col-sm-10 col-md-10 embed_header_title text-center">会员登录</div>
        <div class="col-2 col-sm-1 col-md-1 text-center"><a href="javascript:;" role="button" class="btn sidePanelDrawer" title="版块主页"><i class="ico mdi mdi-menu"></i></a></div>
    </div>
</header>
<div id="embed_page">
    <div class="container">
        <form name="form" data-submit="once" class="theme-form" (ngSubmit)="f.form.valid && checkIn(submitBtn)" #f="ngForm" novalidate>
        <div id="embed_page_form" class="main-color">
            <div class="alert alert-danger" role="alert" *ngIf="errorMessage.length > 0">
                <strong>oOps!</strong> {{errorMessage}}
            </div>
            <div class="form-group">
                <label for="names" class="bmd-label-floating">登录帐号</label>
                <input type="text" name="names" tabindex="1" size="25" class="form-control" placeholder="" [(ngModel)]="member.names" #names="ngModel" [ngClass]="{ 'is-invalid': f.submitted && names.invalid }" minlength="5" maxlength="20" required="required"/>
                <ul *ngIf="f.submitted && names.invalid" class="parsley-errors-list filled">
                    <li *ngIf="names.errors.required">请输入会员的登录帐号名称</li>
                    <li *ngIf="names.errors.minlength">登录帐号不能少于5个字母</li>
                    <li *ngIf="names.errors.maxlength">登录帐号不能大于20个字母</li>
                </ul>
            </div>
            <div class="form-group">
                <label for="pswd" class="bmd-label-floating">登录密码</label>
                <input type="password" name="pswd" tabindex="2" size="25" class="form-control" autocomplete="off" placeholder="" [(ngModel)]="member.pswd" #pswd="ngModel" [ngClass]="{ 'is-invalid': f.submitted && pswd.invalid }" minlength="6" maxlength="100" required="required"/>
                <ul *ngIf="f.submitted && pswd.invalid" class="parsley-errors-list filled">
                    <li *ngIf="pswd.errors.required">请输入会员的登录密码</li>
                    <li *ngIf="pswd.errors.minlength">登录密码不能少于6个字母</li>
                    <li *ngIf="pswd.errors.maxlength">登录密码不能大于100个字母</li>
                </ul>
                <p class="clearCache control-label">记不清密码了?请点击&nbsp;<a [routerLink]="['/member/lostPswd']">找回密码</a></p>
            </div>
            <div class="form-group">
                <input type="submit" name="btn" tabindex="3" class="btn btn-primary btn-block" value="马上登陆" [ngClass]="{'disabled': !f.form.valid}" #submitBtn/>
            </div>
        </div>
        <p class="main-color control-label" style="padding-bottom: 15px;text-align: center;">没有帐号? 还不快来<a [routerLink]="['/member/register']">免费注册</a></p>
        </form>
    </div>
</div>